<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<%@ include file="/commons/global.jsp" %>
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=no">
    <title>内蒙古民族工艺美术网</title>
    <link href="${staticPath }/static/style/css/bootstrap.min.css" rel="stylesheet">
    <link href="${staticPath }/static/style/css/mycss.css" rel="stylesheet">
    <style type="text/css">
    body,td,th {
	color: #000;
}
    </style>
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
    <!--<script language="javascript"> var now=new Date(); document.write(now.getDate());</script> -->

  </head>
  <body>
 <div class="container-fluid">
	<%@ include file="../header.jsf"%>
	<div class="row">
		<div class="col-sm-2">
			<img src="${staticPath }/static/style/images/水印.png" alt=""  width=230 class="img-responsive "/>
		</div>
		<div class="col-sm-2">
			<a href="#" class="list-group-item active">
			    民族企业推荐
			</a>
			<a href="#" class="list-group-item">设计交流服务</a>
			<a href="#" class="list-group-item">文化创意产品</a>
			</br></br></br>
			<div class="panel panel-default">
			    <div class="panel-heading">新闻中心</div>
			    <ul class="list-group">
			        <li class="list-group-item" style="overflow:hidden;text-overflow:ellipsis;white-space: nowrap;"><Strong>·</Strong>跨文化戏剧人的剧场寻根之旅</li>
			        <li class="list-group-item" style="overflow:hidden;text-overflow:ellipsis;white-space: nowrap;"><Strong>·</Strong>跨文化戏剧人的剧场寻根之旅</li>
			        <li class="list-group-item" style="overflow:hidden;text-overflow:ellipsis;white-space: nowrap;"><Strong>·</Strong>跨文化戏剧人的剧场寻根之旅</li>
			        <li class="list-group-item" style="overflow:hidden;text-overflow:ellipsis;white-space: nowrap;"><Strong>·</Strong>跨文化戏剧人的剧场寻根之旅</li>
			        <li class="list-group-item" style="overflow:hidden;text-overflow:ellipsis;white-space: nowrap;"><Strong>·</Strong>跨文化戏剧人的剧场寻根之旅</li>
			    </ul>
			</div>
		</div>
		<div class="col-sm-6">
			<div class="panel panel-default">
			    <div class="panel-heading"><p style="font-weight:bolder;">民族企业推荐·RECOMMEND</p></div>
			    <ul class="list-group">
			    	 <c:forEach items="${zckjs}" var="zckj">
			        <li class="list-group-item"><a href="${path}/zckjDetail?id=${zckj.id}">${zckj.title}</a></li>
			        </c:forEach>
			    </ul>
			    <ul class="pagination">
				    <!-- <li><a href="#">&laquo;</a></li> -->
				    <c:forEach var="s"  begin="1" end="${totalPageNum}">
					 	<li><a href="${path}/zckj?page=${s}">${s}</a></li>
					</c:forEach>
				    <!-- <li><a href="#">&raquo;</a></li> -->
				</ul>
			</div>
		</div>
		<div class="col-sm-2">
			<img src="${staticPath }/static/style/images/水印右.png" alt=""  width=230 "/>
		</div>
	</div> 
 </div>   
    <script src="${staticPath }/static/style/js/jquery-1.12.3.min.js"></script>
    <script src="${staticPath }/static/style/js/bootstrap.min.js"></script>
  </body>
</html>
